<template>
    <div class="cell" @click="clickFn">
        <div class="left">{{title}}</div>
        <div class="right">{{value}} <i class="iconfont iconjiantou1"></i> </div>
    </div>
</template>

<script>
export default {
    props:{
        title:String,
        value:String,
        to:String
    },
    methods:{
        clickFn(e) {
            if(this.to){
            this.$router.push({path:this.to})
            }
            this.$emit('click',e)
        }
    }
}
</script>

<style lang="less" scoped>
    .cell{
        height:50px;
        font-size: 14px;
        margin: 0 20px;
        border-bottom: 1px solid #ccc;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .right{
            font-size: 13px;
            color: #666;
        }
    }
</style>